<!-- 采用html5  -->
<!DOCTYPE html>
<html>

<head>


    <meta charset="UTF-8">

    <!-- 页面显示适应移动设备 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>我的APP</title>

    <link rel="stylesheet" href="resources\we-vue\style.css">
    <link rel="stylesheet" href="resources\css\font-awesome.min.css">

    <style>
        /*元素选择器*/

        html {
            height: 100%;
        }

        body {
            height: 100%;
            padding: 0px;
            /*内边距*/
            margin: 0px;
            /*外边距*/
        }

        .my-container {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
        }
    </style>


</head>


<body>

    <div id="app"  class="my-container">
        <div style="height:500px;border:1px solid rgb(38, 0, 255);overflow: auto;  ">
        <div style="font-size:20px;height:200px;border:1px solid red;" v-for="dep in deps" >{{dep.d_id}} {{dep.d_name}} {{dep.d_remark}}</div>
        </div>

    </div>

</body>

<script src="resources\js\vue.min.js"></script>
<script src="resources\js\jquery.min.js"></script>
<script src="resources\we-vue\index.js"></script>
<script src="resources\layer_mobile\layer.js"></script>
<script src="resources\js\my.js"></script>

<script>

    new Vue({
        el: '#app',
        data: {
            deps:[],
        },
        methods: {

        },
        mounted(){
            Serv.loadData({url:'/t1.jsp'},(data)=>{
                this.deps=data;
                console.log(this.deps);
            })
        }
    });


</script>


</html>